7
תגובות
אני מקבל פרמטרים לדף ב php של מיקום חנות וכתובת של חנות
פרמטרים מגיעים נכונים מ php
אני רוצה להציג מפה דרך google map
כתבתי סקריםט שיוצר לי את מפה
פרמטרים מגיעים נכונים מ php
אני רוצה להציג מפה דרך google map
כתבתי סקריםט שיוצר לי את מפה
function viewMap(){
var map = new google.maps.Map(document.getElementById('map_canvas'), {
zoom: 15,
center: new google.maps.LatLng(loctionx,loctiony),
mapTypeId: google.maps.MapTypeId.ROADMAP });
var infowindow = new google.maps.InfoWindow();
var marker, i=0;
var text =adress;
marker = new google.maps.Marker({
position: new google.maps.LatLng(loctionx,loctiony),
map: map });
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(text);
infowindow.open(map, marker);
}
})(marker, i));
i++;
}
רק שאני עושה רפרש לדף , הוא מציג לי את מפה , אחרת מציג לי div ריק - ויש לdiv גובה ורחוב 500 פיקסל
השתמשי גם extasion gmap של yii framwork וגם אותה בעיה
אני ישמח לעזרה
var map = new google.maps.Map(document.getElementById('map_canvas'), {
zoom: 15,
center: new google.maps.LatLng(loctionx,loctiony),
mapTypeId: google.maps.MapTypeId.ROADMAP });
var infowindow = new google.maps.InfoWindow();
var marker, i=0;
var text =adress;
marker = new google.maps.Marker({
position: new google.maps.LatLng(loctionx,loctiony),
map: map });
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(text);
infowindow.open(map, marker);
}
})(marker, i));
i++;
}
רק שאני עושה רפרש לדף , הוא מציג לי את מפה , אחרת מציג לי div ריק - ויש לdiv גובה ורחוב 500 פיקסל
השתמשי גם extasion gmap של yii framwork וגם אותה בעיה
אני ישמח לעזרה
7 תשובות
שככחתי להוסיף שאני עובד עם ספריות jqeary / jqeary mobile , ניסתי לעשות את זה בready ולקרוא לפונקציה הזאת וגם לא יזתדר
אתה צודק בקשר לשפה , התבלבלתי בשם
אני אמור לציג מפה , של חנות כלשהי , רק שאני רפרש לדף , הוא מצגי את מפה נכונה , אחרת מציג div ריק
קוד במלואו:
<!DOCTYPE html>
<html lang="he">
<head>
<meta charset="utf-8">
<title> תצוגת חנות</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php include_once 'link.php';?>
<script type="text/javascript">
function viewMap(){
var i=0;
var map = new google.maps.Map(document.getElementById('map_canvas'), {
zoom: 15,
center: new google.maps.LatLng(<?php echo $shop->getLoctionX() ?>,<?php echo $shop->getLoctionY()?>),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var text =" <?php echo $shop ->getAdress()?>";
var marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $shop->getLoctionX()?>,<?php echo $shop->getLoctionY()?>),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(text);
infowindow.open(map, marker);
}
})(marker, i));
i++;
}
$(document).ready(function() {
viewMap();
});
</script>
</head>
<body>
<div data-role="page" id="view">
<div id="page" data-role="header" data-theme="b">
<h1> תצוגת חנות</h1>
<a data-theme="e" id="back" data-role="button" href="#" data-rel="back">אחורה</a>
</div>
<div data-role="content" >
<div class="view">
<div id="map_canvas" style="width: 500px; height: 500px">
</div>
<div data-role="content" data-theme="b" class="view">
<div>
<span>שם חנות : </span> <?php echo $shop ->getName() ?>
</div>
<div>
<span> כתובת : </span><?php echo $shop ->getAdress() ?>
</div>
<div>
<span> איימל : </span><?php echo $shop ->getEmail() ?>
</div>
<div>
<span> אתר : </span><?php echo "<a href='" . $shop ->getLink() ."'>". $shop ->getLink() ." </a>" ?>
</div>
<div>
<span> טלפון : </span><?php echo $shop->getPhone() ?>
</div>
</div>
<div class="view">
<form name="myFrom" action="" method="post">
<input type="hidden" value="<?php echo $shop->getId() ?>" name="id" id="id">
<input type="hidden" value="" name="loctionX" id="loctionX">
<input type="hidden" value="" name="loctionY" id="loctionY">
<button id="direction" data-theme="b"
> נווט לחנות</button>
</from>
</div>
</div>
<div class="footer" data-role="footer">
</div>
</div>
</body>
</html>
<html lang="he">
<head>
<meta charset="utf-8">
<title> תצוגת חנות</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php include_once 'link.php';?>
<script type="text/javascript">
function viewMap(){
var i=0;
var map = new google.maps.Map(document.getElementById('map_canvas'), {
zoom: 15,
center: new google.maps.LatLng(<?php echo $shop->getLoctionX() ?>,<?php echo $shop->getLoctionY()?>),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var text =" <?php echo $shop ->getAdress()?>";
var marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $shop->getLoctionX()?>,<?php echo $shop->getLoctionY()?>),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(text);
infowindow.open(map, marker);
}
})(marker, i));
i++;
}
$(document).ready(function() {
viewMap();
});
</script>
</head>
<body>
<div data-role="page" id="view">
<div id="page" data-role="header" data-theme="b">
<h1> תצוגת חנות</h1>
<a data-theme="e" id="back" data-role="button" href="#" data-rel="back">אחורה</a>
</div>
<div data-role="content" >
<div class="view">
<div id="map_canvas" style="width: 500px; height: 500px">
</div>
<div data-role="content" data-theme="b" class="view">
<div>
<span>שם חנות : </span> <?php echo $shop ->getName() ?>
</div>
<div>
<span> כתובת : </span><?php echo $shop ->getAdress() ?>
</div>
<div>
<span> איימל : </span><?php echo $shop ->getEmail() ?>
</div>
<div>
<span> אתר : </span><?php echo "<a href='" . $shop ->getLink() ."'>". $shop ->getLink() ." </a>" ?>
</div>
<div>
<span> טלפון : </span><?php echo $shop->getPhone() ?>
</div>
</div>
<div class="view">
<form name="myFrom" action="" method="post">
<input type="hidden" value="<?php echo $shop->getId() ?>" name="id" id="id">
<input type="hidden" value="" name="loctionX" id="loctionX">
<input type="hidden" value="" name="loctionY" id="loctionY">
<button id="direction" data-theme="b"
> נווט לחנות</button>
</from>
</div>
</div>
<div class="footer" data-role="footer">
</div>
</div>
</body>
</html>
זה div שאמור להיות מוצג בו מפה :
<div id="map_canvas" style="width: 500px; height: 500px">
</div>
</div>
וזה מציג לו אותו ריק , רק שאני לוחץ על f5 מציג את מפה
תודה על עזרה
הייתי במקומך בונה דף שמציג את המפה ואז מתקשר לדף בעזרת jQuery AJAX שזה jQuery שעושה את מה שעושה AJAX לתוך div שיכניס את המפה.
תפנה אליי לסקייפ y.cy.c27 אראה לך איך עושים את זה פה לא נוח להסביר.